<section>               
    <div id="container_demo" >
        <a class="hiddenanchor" id="toregister"></a>
        <a class="hiddenanchor" id="tologin"></a>
        <div id="wrapper">
            <div id="login" class="animate form">

                <%#revisar el ACTION%>


                <form  action="/auth/sign_in" autocomplete="on" method="post" id="new_user"> 
                    <h1>Log in</h1> 
                    <p> 
                        <label for="email" class="uname" data-icon="u" > Email </label>
                        <input id="user_email" name="user[email]" required="required" type="text" placeholder="mymail@mail.com"/>
                    </p>
                    <p> 
                        <label for="password" class="youpasswd" data-icon="p"> Contraseña </label>
                        <input id="user_password" name="user[password]" required="required" type="password" placeholder="eg. X8df!90EO" /> 
                    </p>
                    <p class="keeplogin"> 
                        <input type="checkbox" name="user[remember_me]" id="user_remember_me" value="loginkeeping" /> 
                        <label for="loginkeeping">Mantenerme logueado</label>
                    </p>
                    <p class="login button"> 
                        <input type="submit" value="Login" /> 
                    </p>
                    <p class="change_link">
                        Todavia no es un usuario? 
                        <a href="#toregister" class="to_register">Únete!</a>
                    </p>
                </form>
            </div>

            <div id="register" class="animate form">
                <form  action="/auth" autocomplete="on" method="post"> 
                    <h1> Registrarse </h1> 
                    <p> 
                        <label for="emailsignup" class="youmail" data-icon="e" > Email </label>
                        <input id="user_email" name="user[email]" required="required" type="email" placeholder="mysupermail@mail.com"/> 
                    </p>
                    <p> 
                        <label for="passwordsignup" class="youpasswd" data-icon="p"> Contraseña </label>
                        <input id="user_password" name="user[password]" required="required" type="password" placeholder="Ej: X8df!90EO"/>
                    </p>
                    <p> 
                        <label for="passwordsignup_confirm" class="youpasswd" data-icon="p"> Por favor confirma tu contraseña </label>
                        <input id="user_password_confirmation" name="user[password_confirmation]" required="required" type="password" placeholder="Ej: X8df!90EO"/>
                    </p>
                    <p class="signin button"> 
                        <input type="submit" value="Registrarse "/> 
                    </p>
                    <p class="change_link">  
                        Ya es un usuario?
                        <a href="#tologin" class="to_register"> Ir a log in </a>
                    </p>
                </form>
            </div>
            
        </div>
    </div>  
</section>
